*{
	margin: 0;
	padding: 0;
}



header{
	width: 100%;
	/*background: #323133;*/
	height: 200px;
	/*border-bottom: solid lime*/
	background-image: url(https://scontent-dft4-3.xx.fbcdn.net/v/t1.0-9/21077486_921755011296207_4937644622641350137_n.jpg?oh=89677159e273d7cd255a5135a68f8d47&oe=5A5DF641);
}

.ancho{
	width: 75%;
	height: 200px;
	/*background: #323133;*/
	background-image: url(https://scontent-dft4-3.xx.fbcdn.net/v/t1.0-9/21077486_921755011296207_4937644622641350137_n.jpg?oh=89677159e273d7cd255a5135a68f8d47&oe=5A5DF641);
	margin: auto;
}
 
.logo{
	width: 20%;
	height: 200px;
	/*background: #323133;*/
	background-image: url(https://scontent-dft4-3.xx.fbcdn.net/v/t1.0-9/21077486_921755011296207_4937644622641350137_n.jpg?oh=89677159e273d7cd255a5135a68f8d47&oe=5A5DF641);
	float: left;
	padding-top: 10px;
	box-sizing: border-box;
}
.logo a img{
	position: relative;
	top:;
	bottom:;
	left:20px;
	right:;
}
.logo img{
	height: 180px;
}

	/*.garrido_padre{
 	position: relative;
 	width: 90%;
	height: 200px;

	}*/

	.garrido{
	width: 80%;
	height: 200px;
	/*background: #323133;*/
	background-image: url(https://scontent-dft4-3.xx.fbcdn.net/v/t1.0-9/21077486_921755011296207_4937644622641350137_n.jpg?oh=89677159e273d7cd255a5135a68f8d47&oe=5A5DF641);
	float: left;
	box-sizing: border-box;
	}

	.garrido img{
	position: relative;
	width: 75%;
	height: 100px;
	left: 25px;
	padding-top: 50px;

}

	.garrido p{
		position: absolute;
		top:150px;
		bottom:0px;
		right: 0; 
		left:600px;
		width: 20%;
		font-family:Humnst777 BlkCn BT;
		font-size: 30px;
		color: #fff;
		height: 20px;
		/*background: #fff;*/
}

 /*.carlos_padre{
 	position: relative;
 	width: 90%;
	height: 200px;
	left: 700px;
 }*/

	.carlos{
	position: absolute;
	width: 60px;
	height: 60px;
	/*background: #323133;*/
	padding-top: 10px;
	box-sizing: border-box;
	left: 1130px;
}	

.carlos img{
	/*position: relative;*/
	width: 60px;
	height: 60px;
	/*left: 1000px;*/
}

		p {
		color: #000;
		margin: 5px 50px 5px 50px;
	}
		section {
		display: block;
		font-family: Century Gothic;
	}
		aside{
		display: block;
		float: right;
		background-color: #000;
		width: 250px; 
		margin-left:  15px;
		color: #8B7D7B;
		min-height: 3 00px;  
	} 
		article img { 
		margin: 30px; 
	} 
		article li { 
		padding: 5px; 
	} 
		aside img { 
		margin: 10px  0px 10px 0px;
		padding: 50px;
	} 
		p.indent{
		padding-left: 1.8em;
	}
		.centrar{
		margin: auto;
		display: block;
	}
		#centro{
	
	}
		article p { 
		padding: 5px ; 
		margin: 0px;
		border: 50px;
	}
		article body{
		padding: 5px ; 
		margin: 0px;
		border: 50px;
	}
	
	#main-footer {
	background: #666;
	color: white;
	text-align: center;
	padding: 20px;
	margin-top: 40px;
	font-family: Century Gothic;


	}
	#main-footer p {
		margin: 0;
		color: white;
	}
	
	#main-footer a {
		color: white;
	}
	body {
	/*background-image: url(https://scontent-dft4-3.xx.fbcdn.net/v/t31.0-8/20863229_916739128464462_4902309988372581142_o.jpg?oh=7ab00a2b7896470a4a91c4a61e90d9d9&oe=5A21C25E);*/
	background-size: 100vw 100vh;
	background-attachment: fixed;
	margin: 0;
	font-family: monospace;
	background: #ebebeb;

	}
	 
	p {
		margin: 0 0 1.5em 0em;
	}

	#main-content {
		width: 90%;
		max-width: 1100px;
		margin: 15px auto;
	}
	 
	#main-content header,
	#main-content .content {
		padding: 10px;
		padding-left: 100px;
	}

	/*ESTILOS DE LA GALERIA PEDORRA*/
	
	.galeria{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 20px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.galeria li{
		margin: 5px;

	}

	.galeria img{
		width: 230px;
		height: 170px;
		border: solid #b6ebff;
	}

	/*ESTILOS DEL MODAL*/

	.modal{
		display: none;
	}

	.modal:target{
		display: block;
		position: fixed;
		background: rgba(0,0,0,0.8);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.modal h3{
		color: #fff;
		font-size: 50px;
		text-align: center;
		margin: 20px 0;
	}

	.imagen{
		width: 100%;
		height: 60%;

		display: flex;
		justify-content: center;
		align-items: center;
	}

	.imagen a{
		color: #fff;
		font-size: 60px;
		text-decoration: none;
		margin: 0 50px;
		text-align: center;
	}

	.imagen a:nth-child(2){
		margin: 0;
		height: 100%;
		flex-shrink: 2;
	}

	.imagen img{
		width: 700px;
		height: 100%;
		max-width: 100%;
		border: 7px solid #fff;
		box-sizing: border-box;
	}

	.cerrar{
		display: block;
		background: #fff;
		width: 25px;
		height: 25px;
		margin: 100px auto;
		text-align: center;
		text-decoration: none;
		font-size: 25px;
		color: #000;
		padding: 5px;
		border-radius: 50%;
		line-height: 25px;
	}


	.galeriass{

	}
	.galeriass h1{
		font-size: 30px;
		text-align: center;
		color: #ff7800;
	}


	.departamentos{
		width: 100%;
		margin: auto;
		padding: 20px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		float: left;
	}

	.departamentos li{
		margin: 5px;

	}

	.departamentos img{
		width: 250px;
		height: 160px;
		/*background:rgba(0,0,0,0.1);*/
	}

		form{
		width: 450px;
		margin: auto;
		background: rgba(0,0,0,0.4);
		padding: 10px 20px;
		box-sizing: border-box;
		margin-top: 20px;
		border-radius: 7px;
	}

	input, textarea{
		width: 100%;
		margin-bottom: 20px;
		padding: 7px;
		box-sizing: border-box;
		font-size: 17px;
		border: none;
	}

	textarea{
		min-height: 100px;
		max-height: 200px;
		max-width: 100%;
	}

	#boton{
		background: #31384A;
		color: #fff;
		padding: 20px;
	}

	#boton:hover{
		cursor: pointer;
	}

	@media(max-width:480px) {
		form{
			width: 100%;
		}
	}
/*SLIDER PEDORRO*/

	.slider{
		width: 100%;
		margin: auto;
		overflow: hidden;
		height: 500px;
	}

	.slider ul{
		display: flex;
		padding: 0;
		width: 400%;

		animation: cambio 20s infinite alternate;
	}

	.slider li{
		width: 100%;
		list-style: none;
	}

	.slider img{
		width: 100%;
	}

	@keyframes cambio{
		0% { margin-left: 0; }
		20% { margin-left: 0; }

		25% {margin-left: -100%}
		45% {margin-left: -100%}

		50% {margin-left: -200%}
		70% {margin-left: -200%}

		75% {margin-left: -300%}
		100% {margin-left: -300%}
	}
	/*GALERIA DE CONÓCENOS*/
	.magdaleno{
		width: 100%;
		margin: auto;
		list-style: none;
		padding: 20px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.magdaleno li{
		margin: 0px;

	}

	.magdaleno img{
		width: 300px;
		height: 150px;
		border: solid #2819b4; 
	}

	/*ESTILOS DEL MODAL*/

	.modal0{
		display: none;
	}

	.modal0:target{
		display: block;
		position: fixed;
		background: rgba(0,0,0,0.8);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.modal0 h3{
		color: #2819b4;
		font-size: 50px;
		text-align: center;
		margin: 20px 0;
	}

	.imagen0{
		width: 100%;
		height: 50%;

		display: flex;
		justify-content: center;
		align-items: center;
	}

	.imagen0 a{
		color: #fff;
		font-size: 60px;
		text-decoration: none;
		margin: 0 50px;
		text-align: center;
	}

	.imagen0 a:nth-child(2){
		margin: 0;
		height: 100%;
		flex-shrink: 2;
	}

	.imagen0 img{
		width: 900px;
		height: 100%;
		max-width: 100%;
		border: 7px solid #fff;
		box-sizing: border-box;
	}

	.cerrar0{
		display: block;
		background: #fff;
		width: 25px;
		height: 25px;
		margin: 100px auto;
		text-align: center;
		text-decoration: none;
		font-size: 25px;
		color: #000;
		padding: 5px;
		border-radius: 50%;
		line-height: 25px;
	}
nav{
	width: 70%;
	height: 70px;
	float: center;
	font-family:humanist-777-bt;
	text-align: center;
	position: absolute;
	left: 350px;

}
nav ul li{
	display: inline;
}
nav ul li a{
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
}
ul, ol{
	list-style: none;
}
.nav li a{
	background-color:#2d12b5;
	color: #fff;
	text-decoration: none;
	padding: 25px 25px;
	display: block;
	text-align: center;
}
.nav > li{
	float: left;
}

.nav li a:hover{
		background-color: #666;
		color: #b4ff00;
}
.nav li ul{
	display: none;
	position: absolute;
	min-width: 140px;
}
.nav li:hover > ul {
		display: block;
}

.nav li ul li{
	position: relative;
}
.nav li ul li ul{
	right: -140px;
	top: 0px;
}
.kcc:nth-child(2){
	width: 100%;
	background: #2d12b5;
	height: 69px;
	border-bottom:transparent;
}


	h1{
	text-align: left;
	font-size: 35px;	
	line-height: 0.8em;
	margin: 15px 0;
	}

	h2{
	text-align: center;
	font-size: 40px;
	color: #76d736;
	}

	h3{
	text-align: left;
	font-size: 20px;
	}

	.leetras{

	}

	.leetras h2{
		color: #42aca3;
		font-size: 25px;
	}

	.leetras p{
		width: 100%;
		color: #4b4b4b;
		/*font-size: 15px;*/
	}

	.historia{

	}

	.historia p{
		color: #42aca3;
	}

	.historia h1{
		color:#4f4d54; 
		font-size:25px;
	}

	.valores{
		position: absolute;
		left: 780px;
		width: 500px;
	}

	.valoress{
		position: absolute;
		width: 500px;
	}

	.galerias{

	}

	.galerias h1{
		color: #42aca3;
		font-size: 40px;
		text-align: center;
	}

	.contactos{

	}

	.contactos h1{
		color: #fff;
		font-size: 40px;
		text-align: center;
		font-family: Century Gothic;
	}

	.inicios{

	}

	.inicios h1{
		font-size: 40px;
		color:#237b61;
		text-align: center;

	}

	.inicios h2{
		font-size: 25px;
		color:#237b61;	
	}

	.inicios h3{
		font-size: 40px;
		color:#ff6c00;
		text-align: center;
	}

	.inicios h4{
		font-size: 25px;
		color:#ff6c00;	
		text-align: center;	
	}

	.inicios h5{
		font-size: 25px;
		text-align: center;
		color: ;
	}